.Tester .header {
  padding: 2rem 2rem 1rem 2rem;
  border-bottom: 1px solid #e1e4e8;
  background-color: #fafbfc; }

.Tester .header .card-mods, .Tester .header .card-itfs {
  display: flex;
  margin-bottom: 1rem; }

.Tester .header .card-mods > .card-title, .Tester .header .card-itfs > .card-title {
  margin-bottom: 0;
  width: 5rem;
  min-width: 5rem;
  font-size: 1.4rem; }

.Tester .header .card-mods > ul, .Tester .header .card-itfs > ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.Tester .header .card-mods > ul > li, .Tester .header .card-itfs > ul > li {
  float: left;
  margin-right: 1rem;
  padding: 2px 0;
  width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.Tester .header .card-mods > ul > li a, .Tester .header .card-itfs > ul > li a {
  color: #666; }

.Tester .header .card-mods > ul > li.active a, .Tester .header .card-itfs > ul > li.active a {
  color: #4A7BF7; }

.Tester .body {
  padding: 2rem; }

.Tester .body .card-props {
  margin-bottom: 2rem; }

.Tester .body .card-props ul.fields {
  list-style: none;
  padding-left: 0; }

.Tester .body .card-props ul.fields > li.filed {
  float: left;
  margin-right: 1rem;
  width: 10rem; }

.Tester .body .card-props ul.fields > li.filed .label {
  margin-bottom: .5rem;
  padding-left: .5rem;
  font-weight: bold; }

.Tester .body .card-result {
  margin-top: 1rem; }

.Tester .body .card-result .card-title {
  font-size: 1.2rem;
  margin-bottom: 1rem; }
